<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <title> 学生信息</title>
</head>

<body>
    <h1>学生个人信息登记表格</h1>
    <h3> 学生个人信息如下</h3>
    <!-- table: 表格   tr:行    td：列  -->
    <table border="1" style="border-collapse: collapse">
        <tr>
            <td> 类型 </td>
            <td> 具体信息</td>
            <td> 备注 </td>
        </tr>

        <tr>
            <td>姓名：</td>
            <td> <input type="text" value="吴一辰"> </td>
            <td>学生姓名</td>
        </tr>

        <tr>
            <td>设定密码：</td>
            <td><input type="password"></td>
            <td>密码设定（为保安全掩码显示）</td>
        </tr>

        <tr>
            <td>爱好：</td>
            <td>
                游泳 <input type="checkbox" checked="checked">
                球类<input type="checkbox">
                极限运动<input type="checkbox" checked="checked">
                其他，选择此向后在下方下拉选择<input type="checkbox">
            </td>
            <td>爱好选择（多选）</td>
        </tr>

        <tr>
            <td>其他爱好：</td>
            <td>
                <select>
                    <option> 自行车 </option>
                    <option> 举重</option>
                    <option> 射击</option>
                    <option selected="selected"> 田径 </option>
                </select>
            </td>
            <td>其他选择（列表）</td>
        </tr>

        <tr>
            <td>性别：</td>
            <td>
                 <!-- 单选按钮组必须用相同的名称命名 -->
                男：<input type="radio" name="sex">
                女：<input type="radio" name="sex" checked="checked">
                拒绝透露：<input type="radio" name="sex">
            </td>
            <td>选择注明性别</td>
        </tr>

        <tr>
            <td>生源地：</td>
            <td>
                <select>
                    <option> 北京 </option>
                    <option> 上海 </option>
                    <option> 重庆</option>
                    <option> 深圳</option>
                    <option selected="selected"> 南京 </option>
                </select>
            </td>
            <td>下拉列表</td>
        </tr>

        <tr>
            <td>主页：</td>
            <td><a href="http://www.bipt.edu.cn">学校主页</a></td>
            <td>访问北京石油化工学院主页</td>
        </tr>

        <tr>
            <td>个性头像：</td>
            <td><img src="失落之雪.png"></td>
            <td>头像设定</td>
        </tr>

        <tr>
            <td>其他信息：</td>
            <td><textarea>学生可在此写备注：</textarea></td>
            <td>填写区</td>
        </tr>
    </table>
</body>
</html>